<template>
  <div class="row mt-2">
    <div class="col-7 ml-3 mr-5 form-inline">
      <span>商品名称&emsp;</span>
      <input type="text" class="form-control" placeholder="请输入商品名称" style="width: 250px"></input>
      <span>&emsp;&emsp;商品名称&emsp;</span>
      <select name="" id="" class="form-control col-2">
        <option value="">全部</option>
      </select>
      <button type="button" class="btn btn-outline-secondary ml-4" >&emsp;搜索&emsp;</button>
    </div>

    <div class="col-4 ml-5 form-inline"  >
      <div align="right" class="ml-5" style="text-align: center">
        <div class="btn-group" role="group" aria-label="Basic example">
          <button type="button" class="btn btn-outline-success">上架</button>
          <button type="button" class="btn btn-outline-danger">下架</button>
        </div>
        <button type="button" class="btn btn-primary  ml-5" >&emsp;添加商品&emsp;</button>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Search"
}
</script>

<style scoped>

</style>
